//省去表单验证..
//根据游览器是否有cookie 判断页面的显示内容;
window.onload = checkCookie;


//定义一个方法 页面刷新后判断是否有cookie
function checkCookie(){
    if($.cookie('token') == 'null' || $.cookie('token') == undefined){
        $('#login').html('登陆');
        $('#register').html('注册');
        $('#register').attr('href','http://jg.com/register');
    }else{
        $('#login').html($.cookie('USERNICK'));
        $('#register').html('<button class="btn btn-danger btn-xs">退出</button>');
        if( $('#register').hasClass('layout')){
            $('#register').attr('href','http://jg.com');
        }else{
            $('#register').attr('href','http://jg.com/register');
        }
        //  }else{
        $('#login').css({'color':'red','font-weight':600});
        $('#register').attr('class','layout');
    }
}

$(".login-form").submit(function(e){
    e.preventDefault();//阻止表单的自动提交
    var formData = $(".login-form").serialize();
    console.log(formData);
    $('#coverModal').modal('show');
    $.ajax({
            url:"http://api.jg.com/user/login",
            method:'post',
            data:formData,
            dataType:"json",
            success:function(res) {
                console.log(res);
                if (res.code == 200) {
                    var data = res.data[0];
                    for (var key in data) {
                        $.cookie(key, data[key], {expires: 30});
                    }
                        $('#login').html(data['USERNICK']);
                        $('#register').html('<button class="btn btn-danger btn-xs" id="loginout">退出</button>');
                        $('#register').attr('href','#');
                } else {
                    alert('登陆失败');
                }
                setTimeout(function(){
                    if (res.code == 200) {
                        var data = res.data[0];
                        for (var key in data) {
                            $.cookie(key, data[key], {expires: 30});
                        }
                        $('#login').html(data['USERNICK']);
                        $('#login').css({'color':'red','font-weight':600});
                        $('#register').html('退出');
                        $('#register').attr('href','http://jg.com');
                        $('#register').attr('class','layout');
                    } else {
                        alert('登陆失败');
                    }
                },1000);
            }
        })
});

//请求完成后 取消各个模态框;
$(document).ajaxComplete(function(){
    $('#coverModal').modal('hide');
    $(".mask").fadeOut();
    $(".login-model").fadeOut();
});

//实现退出功能;
// $('#register').on('click','#loginout',function(event) {
//     event.stopPropagation();
//     event.preventDefault();
//    console.log("注册1")
//
// });
$('#register').on('click', function (event) {
    // event.stopPropagation();
    // event.preventDefault();
    $.cookie('token', null);
    checkCookie();
    console.log("注册2")

});

//模态框js
//点击注册弹出模态框
$("#login").click(function () {
    $(".mask").fadeIn();
    $(".login-model").fadeIn();
    console.log("单击首页登陆按钮")
});
//点击遮罩层模态框消失
$(".mask").click(function () {
    $(".mask").fadeOut();
    $(".login-model").fadeOut();
});
//点击 x 模态框消失
$(".close").click(function () {
    $(".mask").fadeOut();
    $(".login-model").fadeOut();
});